<template>
  <view class="__inner">
    <view class="">
      <!-- <image
        src="@/static/icon/WechatIMG305.jpg"
        style="width: 100%"
        mode="aspectFill"
      ></image> -->
    </view>
    <view class="bg-white mt-2 p-2 flex flex-column">
      <view class="flex flex-column mb-2">
        <text
          style="font-style: italic; font-size: 20px"
          class="text-blue my-2 font-weight-bold"
          >e保付</text
        >
        <text style="font-style: italic">
          “e保付”是招商银行在线上预授权、保证金、认筹金等业务场景提供冻结、解冻、划扣服务的可信任平台</text
        >
      </view>
      <view class="flex flex-column">
        <text class="font-weight-bold mt-3" style="font-size: 20px"
          >您当前暂无项目进行中～</text
        >
        <text class="text-light-muted mt-10">您可以：</text>
      </view>
      <view
        class="px-4 my-2 rounded flex justify-between align-center"
        @click="handleTabs"
        style="box-shadow: 0 2rpx 12rpx rgba(220, 243, 251, 1)"
        v-for="(item, index) in sqList"
        :key="index"
      >
        <view class="flex flex-column align-center">
          <text
            class="font-weight-bold my-2 text-blue"
            style="font-size: 18px"
            >{{ item.text1 }}</text
          >
          <text>{{ item.text2 }}</text>
        </view>
        <view class="">
          <image
            :src="item.img"
            mode=""
            style="width: 120px; height: 120px"
          ></image>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
const app = getApp();
export default {
  data() {
    return {
      screenWidth: uni.getSystemInfoSync().windowWidth,
      ThemeColors: app.globalData.ThemeColors,
      sqList: [
        {
          text1: "添加申请",
          text2: "查找可申请项目进行申请",
          // img: "/static/a-Group797.png",
        },
      ],
    };
  },
  methods: {
    handleTabs(url) {
      uni.navigateTo({
        url: "/pages/LogisticsFinance/Mortgagefinance",
      });
    },
  },
};
</script>

<style lang="scss"></style>